<template>
  <div id="test">
    <div>
      哈阿萨大
      哈阿萨大
      哈阿萨大
      哈阿萨大
    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div>
      今天是个好天气
      今天是个好天气
      今天是个好天气
      今天是个好天气
    </div>
  </div>
</template>

<script>
import PerfectScrollbar from 'perfect-scrollbar'
import 'perfect-scrollbar/css/perfect-scrollbar.css'

export default {
  data() {
    return {
      msg: '我是 儿子 组件'
    }
  },
  mounted() {
    this.$nextTick(() => {
      /* eslint-disable no-new */
      new PerfectScrollbar('#test')
    })
  }
}
</script>

<style>
  #test{
    color: '#f4o';
    position: absolute;
    height: 800px;
  }
</style>
